<template>
  <div class="header">
    <div class="icon" @click="handleBack()">
      <svg
        t="1674981725611"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="8066"
      >
        <path
          d="M624.788992 204.047974 585.205965 164.464026 219.560038 530.185011 585.205965 895.864013 624.788992 856.280986 298.663014 530.16105Z"
          p-id="8067"
          fill="#515151"
        ></path>
      </svg>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      isHidden: true
    }
  },
  methods: {
    handleBack () {
      this.$router.back()
    }
  }
}
</script>

<style lang="scss" scoped>
.header {
  position: fixed;
  z-index: 200;
  width: 100%;
  height: 2.8125rem;
  .icon {
    position: absolute;
    width: 2.8125rem;
    height: 2.8125rem;

    display: flex;
    svg {
      display: inline-block;
      margin: auto;
      width: 2.1875rem;
      height: 2.1875rem;
      background-color: rgba(255, 255, 255, 0.534);
      border-radius: 50%;
    }
  }
}
</style>
